<template>
  <el-divider />
    <h3 class="register-title">
      <el-icon><Document /></el-icon>
      <p class="title-text">{{props.titleText}}</p>
    </h3>
</template>

<script setup>
import { Document } from '@element-plus/icons-vue'
const props = defineProps(['titleText']) // 接收父组件传值
import { ref, reactive } from 'vue'

</script>


<style lang='scss' scoped>
.register-title {
  display: flex;
  align-items: center;
  .title-text {
    margin-left: 10px;
  }
}
</style>